margin: auto;
Расположение элементов по центру
С центрированием блочных элементов работает особое значение margin: auto . Оно автоматически устанавливает максимально возможный отступ по горизонтали.
justify-content
Выравнивание флекс-элементов по основной оси x
Пустое пространство между элементами тоже нужно распределять.
align-content
Выравнивание флекс-элементов по оси y.
Свойство распределяет свободное пространство по поперечной оси между строками флекс-элементов.
align-items
Выравнивание флекс-элементов в контейнере
Элементы в контейнере flex можно размещать и по оси Y.
align-self
Выравнивание отдельного элемента
Иногда нужно, чтобы отдельный элемент не подчинялся общему правилу.